// 封装购物车模块
import { insertCartAPI, findCartListAPI,delCartAPI } from '@/apis/cartAPI'
import { defineStore } from 'pinia'
import { ref,computed  } from 'vue'
import { useUserStore } from './user'
export const useCartStore = defineStore('cart', () => {
  const userStore = useUserStore()
  const isLogin = computed(() => userStore.userInfo.token)
  // 1. 定义state - cartList
  const cartList = ref([])
   // 获取最新购物车列表action
   const updateNewList = async () => {
    const res = await findCartListAPI()
    cartList.value = res.result
}
  // 2. 定义action - addCart
  const addCart = async(goods) => {
    if(isLogin.value){
      const {skuId,count}=goods
      //登录后的加入购物车逻辑
      //调用接口加入购物车
      await insertCartAPI({ skuId, count })
        // 调用接口获取购物车列表数据
        updateNewList() 
    }
    else{
       // console.log('添加', goods)
    // 添加购物车操作
    // 已添加过 - count + 1
    // 没有添加过 - 直接push
    // 思路：通过匹配传递过来的商品对象中的skuId能不能在cartList中找到，找到了就是添加过
     const item = cartList.value.find((item) => goods.skuId === item.skuId)
     if (item) {
    // 已添加商品count++
       item.count++
     } else {
        // 未添加商品 直接push
      cartList.value.push(goods)
      }
     console.log('本地购物车', cartList.value)
   }
    }
   
  //删除购物车
  const delCart = async( skuId )=>{
    if(  isLogin.value  ){
        // 登录，调用接口删除接口购物车
// 调用接口删除购物车
await delCartAPI([skuId])
  // 调用接口获取购物车列表数据
  updateNewList() 
    }else{
        // 未登录，删除本地购物车
        // 方法1 找到要删除的下标值 splice
        // 方法2 使用数组的过滤方法 filter
        const idx = cartList.value.findIndex( (item)=>item.skuId === skuId )
        cartList.value.splice(idx, 1)
    }
}

  // 清除购物车
  const clearCart = () => {
    cartList.value = []
}
  // 计算属性
    // 1. 总数量 所有count之和
    const allCount = computed(() => cartList.value.reduce((a, c) => a + c.count, 0))
    // 2. 总价格 所有count*price之和
    const allPrice = computed(() => cartList.value.reduce((a, c) => a + c.count * c.price, 0))
  // 3. 已选商品数量
const selectedCount = computed(() => cartList.value.filter( item => item.selected ).reduce((a, c) => a + c.count, 0))
// 4. 已选商品总价格
const selectedPrice = computed(() => cartList.value.filter( item => item.selected ).reduce((a, c) => a + c.count * c.price, 0))
    //单选功能
  const singleCheck = (skuId,selected) => {
    const item = cartList.value.find((item) => item.skuId === skuId)
    if (item) {
      item.selected = selected
    }
  }
  //是否全选
  const isAll=computed(() => cartList.value.every((item) => item.selected)
  )
   // 全选功能
   const allCheck = ( selected )=>{
    // 将所有选项的 selected 设为 selected
    cartList.value.forEach( item => item.selected = selected )
} 
  //返回state和action
  return {
    cartList,
    allCount,
    allPrice,
    isAll,
    addCart,
    delCart,
    singleCheck,
    allCheck,
    selectedCount,
    selectedPrice,
    clearCart,
    updateNewList
  }
}, {
  persist: true,
}
)